<div class="section side">
  <div class="section__body typo">
    <dl>
      <dt>{{ _('Inline codes') }}</dt>
      <dd><pre>`std::cout()`</pre></dd>
      <dt>{{ _('Code blocks') }}</dt>
      <dd><pre>```c++
int main() {
  return 0;
}
```</pre></dd>
      <dt>{{ _('Inline formulas') }}</dt>
      <dd><pre>$E=mc^2$</pre></dd>
      <dt>{{ _('Formula blocks') }}</dt>
      <dd><pre>$$E=mc^2$$</pre></dd>
      <dt>{{ _('Links') }}</dt>
      <dd><pre>[{{ _('Text') }}](https://...)</pre></dd>
      <dt>{{ _('Highlight') }}</dt>
      <dd><pre>=={{ _('Text') }}==</pre></dd>
      <dt>{{ _('Images') }}</dt>
      <dd><pre>![{{ _('Description') }}](https://...)</pre></dd>
      <dt>{{ _('Images With Size') }}</dt>
      <dd><pre>![{{ _('Description') }}](url =100x100)</pre></dd>
      <dt>{{ _('Footnote') }}</dt>
      <dd><pre>Here is a ref[^1].

[^1]: And the footnote.</pre></dd>
      <dt>{{ _('Videos') }}</dt>
      <dd><pre>@[video](https://.../a.mp4)</pre></dd>
      <dt>{{ _('Mention')}}</dt>
      <dd><pre>@[](/user/uid)</pre></dd>
    </dl>
    <h2>{{ _('Learn More') }}</h2>
    <ul>
      <li><a href="http://commonmark.org/help/" target="_blank"><span class="icon icon-link--external"></span> {{ _('CommonMark Syntax') }}</a></li>
      <li><a href="http://www.onemathematicalcat.org/MathJaxDocumentation/TeXSyntax.htm" target="_blank"><span class="icon icon-link--external"></span> {{ _('LaTeX Expressions') }}</a></li>
    </ul>
  </div>
</div>
